<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>统计</title>
		<link rel="stylesheet" type="text/css" href="../css/hui.css" />
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_728446_vzuqvrxjtam.css" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/homepage.css" />
		
		<script src="../js/common/flexible_css.debug.js" type="text/javascript" charset="utf-8"></script>
		<!--<script src="../js/common/flexible.debug.js" type="text/javascript" charset="utf-8"></script>-->
	</head>

	<body>
		<header class="hui-header">
		    <h1>统计</h1>
		    <!--<div id="hui-header-menu" onclick="hui.showSlideMenu();"></div>-->
		</header>
		
		<div class="hui-wrap hui-wrap-bottom">
			<div style="height:50px; width:100%; background:#FFF;">
			    <div class='selectHomepage' style="width:33%; height:50px; line-height:50px; text-align:center; float:left;">
			         <button type="button" class="hui-button hui-button-large" id="wjw_area"><span>地区</span><i class="iconfont icon-xiajiantou"></i></button>
			    </div>
			    <div class='selectHomepage' style="width:33%; height:50px; line-height:50px; text-align:center; float:left;">
			        <button type="button" class="hui-button hui-button-large" id="wjw_hospital"><span>医院</span><i class="iconfont icon-xiajiantou"></i></button>
			    </div>
			    <div class='selectHomepage' style="width:33%; height:50px; line-height:50px; text-align:center; float:left;">
			        <button type="button" class="hui-button hui-button-large" id="wjw_time"><span>时间</span><i class="iconfont icon-xiajiantou"></i></button>
			    </div>
			</div>
	    	<!--<div class="hui-center-title" style="margin-top:22px;"><h1 id="dingwei">媒体列表</h1></div>-->
		    <div class="hui-media-list" style="margin:15px 15px 0 15px;padding:10px 0;background: #fff;">
			    <div class="hui-segment" id="cate">
			        <a href="javascript:changeDom(1);" class="hui-segment-active">图表</a>
			        <a href="javascript:changeDom(2);">列表</a>
			    </div>
			    <div id="domsIn" style="padding:20px 0px; text-align:center;">
			        	<div class="chartBox" >
							<div id="lineChart" style="width: 100%;height:320px;"></div>
						</div>
						<div class="tableBox" style="display: none;">
							<ul>
								<li>
									<span></span>
									<span>
										<div class="hui-footer-icons">
											<img src="../img/qianyuetu.png"/>
										</div>
		        						<div class="hui-footer-text">签约数</div>
									</span>
									<span>
										<div class="hui-footer-icons">
											<img src="../img/yinzhenLogo.png"/>
										</div>
		        						<div class="hui-footer-text">应诊数</div></span>
									<span>
										<div class="hui-footer-icons">
											<img src="../img/haopinLogo.png"/>
										</div>
		        						<div class="hui-footer-text">好评数</div></span>
									<span>
										<div class="hui-footer-icons">
											<img src="../img/tousuLogo.png"/>
										</div>
		        						<div class="hui-footer-text">投诉数</div></span>
								</li>
								<li>
									<span>4月</span>
									<span>450</span>
									<span>460</span>
									<span>170</span>
									<span>32</span>
								</li>
								<li>
									<span>5月</span>
									<span>450</span>
									<span>460</span>
									<span>170</span>
									<span>32</span>
								</li>
								<li>
									<span>6月</span>
									<span>450</span>
									<span>460</span>
									<span>170</span>
									<span>32</span>
								</li>
								<li>
									<span>7月</span>
									<span>450</span>
									<span>460</span>
									<span>170</span>
									<span>32</span>
								</li>
								<li>
									<span>8月</span>
									<span>450</span>
									<span>460</span>
									<span>170</span>
									<span>32</span>
								</li>
							</ul>
						</div>
			    </div>
			</div>
		</div>
		
		<div id="hui-footer">
		    <a href="javascript:void(0)" id="nav-home" class="hui-footer-active">
		        <div class="hui-footer-icons iconfont icon-Statistics_"></div>
		        <div class="hui-footer-text">统计</div>
		    </a>
		    <a href="javascript:void(0)" id="nav-news">
		        <div class="hui-footer-icons iconfont icon-Ranking_"></div>
		        <div class="hui-footer-text">榜单</div>
		    </a>
	
		    <a href="javascript:void(0)" id="nav-my">
		        <div class="hui-footer-icons iconfont icon-Toolbox_"></div>
		        <div class="hui-footer-text">工具箱</div> 
		    </a>
		</div>
		<div class="mask"></div>
		<script src="../js/hui/hui.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../js/hui/hui-picker.js" charset="utf-8"></script>
		<script src="../js/hui/hui-select-beautify.js" type="text/javascript" charset="utf-8"></script>
		<script src="../libs/echarts.common.min.js"></script> 
		<script src="../js/common/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/hui/cities.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/script/homepage.js" type="text/javascript" charset="utf-8"></script>
		<script>
			
			
			var wjw_hospital = new huiPicker('#wjw_hospital', function(){
			    var val = wjw_hospital.getVal(0);
			    var txt = wjw_hospital.getText(0);
			    hui('#wjw_hospital span').html(txt);
			    
			});
			wjw_hospital.bindData(0, [{value:1, text:'北京医院'},{value:2, text:'三级医院'}]);
			
			var wjw_time = new huiPicker('#wjw_time', function(){
			    var val = wjw_time.getVal(0);
			    var txt = wjw_time.getText(0);
			    hui('#wjw_time span').html(txt);
			    
			});
			wjw_time.bindData(0, [{value:1, text:'一周'},{value:2, text:'一个月'},{value:3, text:'一年'}]);
		</script>
	</body>
</html>